/*
 * @Author: yangzonglong
 * @Date: 2021-07-20 10:43:14
 * @version: v1.0.0
 * @Descripttion: mobile text
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-08-26 14:47:25
 * @Auditor:
 */
import React, { useImperativeHandle, forwardRef } from 'react';

const divStyle = {
  padding: '15px 0',
  background: '#F5F5F9',
};

const pStyle = {
  padding: '0 15px ',
  margin: 0,
};

const MobileText = ({ textProps, style }, ref) => {
  useImperativeHandle(ref, () => {});

  return (
    <div style={divStyle}>
      <p style={{ ...style, ...pStyle }}>{textProps?.text}</p>
    </div>
  );
};

export default forwardRef(MobileText);
